BatchPixel Documentation

Introduction

BatchPixel is a powerful, client-side media conversion tool that allows users to convert, optimize, and enhance multiple images simultaneously. With support for 10+ image formats, advanced batch processing capabilities, and a privacy-focused approach (all processing happens in the browser), BatchPixel is the perfect solution for photographers, designers, and content creators.

Why Choose BatchPixel?

Core Features

Installation Guide

batchpixel/
├── index.html          # Main application file
├── assets/
│   ├── css/            # Stylesheets
│   └── js/             # JavaScript files
├── images/             # Sample images
└── documentation.html  # This documentation

Quick Start Guide

Basic Conversion Workflow

Upload Images

Click "Select Images" or drag & drop files into the upload area. You can select multiple files at once (up to 10 files in the free version).

UI Components

Main Interface Elements

Advanced Options

The "Advanced Options" section (accessible by clicking the gear icon) provides additional professional tools:

• Color Space Conversion: Convert between RGB, CMYK, and grayscale color spaces
• DPI Resolution: Set the DPI (dots per inch) for print-ready images
• Watermarking: Add text watermarks with customizable position, size, and colors
• EXIF Data: Choose to preserve or remove EXIF metadata from images

Conversion Settings

Output Format Options

BatchPixel supports conversion between these formats with these specific options:

Quality Settings

The quality slider controls the balance between file size and image quality:

• 90-100%: Best quality, larger files (recommended for print)
• 70-90%: Good balance (recommended for web)
• 50-70%: Smaller files, noticeable quality loss

Batch Operations

Batch Renaming

BatchPixel includes powerful batch renaming capabilities using pattern templates:

Available placeholders:

Batch Download

After processing multiple images, you can:

• Download individually: Click the download icon next to each file
• Download as ZIP: Get all files in a single compressed archive
• Share directly: Use the Share button to send via email or social media (browser-dependent)

Advanced Tools

Resizing Options

BatchPixel offers three resizing methods:

Image Filters

Apply professional-grade filters to all images in your batch:

Watermark Features

BatchPixel's watermarking tool allows you to add text watermarks to all images in your batch with consistent positioning and styling.

Watermark Options

Watermark Best Practices

• Use semi-transparent backgrounds (e.g., rgba(0,0,0,0.5)) for better readability on varied images
• Position in corners where it's less likely to be cropped out
• Include your website URL or copyright symbol (©) for maximum protection

Customization Guide

BatchPixel is designed to be easily customizable to match your website's branding and style.

CSS Variables

The main color scheme can be customized by modifying these CSS variables in the style.css file:

:root {
    --primary-color: #6c5ce7;      /* Main brand color */
    --secondary-color: #5649d6;    /* Darker shade for hover states */
    --accent-color: #00cec9;       /* Accent color for buttons */
    --dark-color: #2d3436;         /* Default text color */
    --light-color: #f8f9fa;        /* Light background color */
    
    /* Gradient variations */
    --gradient-primary: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
    --gradient-accent: linear-gradient(135deg, #00cec9 0%, #81ecec 100%);
}

Theme Options

BatchPixel includes built-in support for light/dark mode. You can:

• Force dark mode: Add class="dark-mode" to the body tag
• Auto-detect system preference: Use JavaScript to check prefers-color-scheme
• Add custom theme switcher: The toggle in the UI can be moved or restyled

Localization

To translate BatchPixel to other languages:

1. Locate all text strings in the JavaScript files
2. Create a translation object with your language strings
3. Initialize BatchPixel with your language option

// Example Spanish translation
const translations = {
    en: {
        uploadText: "Drag & drop your images here or",
        selectFiles: "Select Images",
        processing: "Processing...",
        // ... all other strings
    },
    es: {
        uploadText: "Arrastra y suelta tus imágenes aquí o",
        selectFiles: "Seleccionar Imágenes",
        processing: "Procesando...",
        // ... all other strings
    }
};

// Initialize with language
BatchPixel.init({
    language: 'es'
});

Common Issues

General Problems

Format-Specific Issues

Getting Support

If you encounter issues not covered here:

FAQ

Version History

Support Options

Documentation Resources

Before contacting support, please check these resources:

• This documentation: Covers all major features and common issues
• Video tutorials: Available on our YouTube channel
• Community forum: Discuss with other users on CodeCanyon comments

Contacting Support

For direct assistance, please contact us through:

Custom Development

Need custom features or integration help? Our team offers:

• Custom modifications: Tailor BatchPixel to your specific needs
• White-label solutions: Rebrand BatchPixel as your own product

Contact support@newrize.com.com for custom development inquiries.